/*
 * @Description: 
 * @Author: linzejian
 * @Date: 2021-07-20 15:50:12
 * @LastEditTime: 2021-07-26 13:57:29
 * @LastEditors: Please set LastEditors
 */
// import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
import React, { useState } from "react";
// import { toast } from "react-toastify";
// import { count } from "yargs";
import "../styles/MoreApps.css";

/* eslint-disable */

export default function MoreApps(props) {
	console.log('props :>> ', props);
	let arr	 = [1,2,3,4,5,6,7,8,9,1,2,3,4,5,6,7,8,9];
	const [selectArr, setSelectArr] = useState();
	const [test, clickTest] = useState(0);
	// function clickTest(test){
	// 	return test + 1
	// }
	return (
		<div className={props.isActive ? "fadein h100" : "hidden"}>
			<h3 
				className="tcenter w100 lh40"
			  style={{backgroundColor:'#486171'}}
			>更多应用选择</h3>
			<div className="app f-baseX h100">
				<div className="app-left h100 w20">
					{
						arr.map((count) => {
							return <div 
								className="pl20 lh40 size18"
								onClick={    
									() => setSelectArr(count)  
								}
							>{count}组件</div>
						})
					}
				</div>
				<div className="app-right">111+{selectArr}
					<button className="w100 bghong" onClick={()=>{clickTest(`${test}随机标题${Math.random()}`)}}>
						click
					</button>
					<div>{[test]}</div>
				</div>
			</div>
		</div>
	);
}
